<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="王劲翔">
    <title>YHBTool 前端开发工具</title>
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div>
        <!-- 标题栏 -->
        <div class="title">
            <div>
                <h1>YHBTool 前端开发工具</h1>
                <h3>前端开发便利工具</h3>
            </div>
        </div>
        <!-- 左侧栏 -->
        <div class="left">
            <h3>目 录</h3>
            <h4 id="index">首 页</h4>
            <div>
                <ul>
                    <li>
                        <p>userInput</p>
                    </li>
                    <li>
                        <p>方法简写</p>
                    </li>
                    <li>
                        <p>Log</p>
                    </li>
                    <li>
                        <p>formatSecond()</p>
                    </li>
                    <li>
                        <p>Digit</p>
                    </li>
                    <li>
                        <p>Str</p>
                    </li>
                    <li>
                        <p>Color</p>
                    </li>
                    <li>
                        <p>Timer</p>
                    </li>
                    <li>
                        <p>FormatDate</p>
                    </li>
                    <li>
                        <p>ax</p>
                    </li>
                    <li>
                        <p>Modal</p>
                    </li>
                    <li>
                        <p>form</p>
                    </li>
                    <li>
                        <p>Object 原型方法</p>
                    </li>
                    <li>
                        <p>css</p>
                    </li>
                    <li>
                        <p>事件绑定</p>
                    </li>
                    <li>
                        <p>renderContent()</p>
                    </li>
                    <li>
                        <p>local</p>
                    </li>
                    <li>
                        <p>session</p>
                    </li>
                    <li>
                        <p>mapTable()</p>
                    </li>
                    <li>
                        <p>randomToken()</p>
                    </li>
                    <li>
                        <p>charArr</p>
                    </li>
                    <li>
                        <p>Module</p>
                    </li>
                    <li>
                        <p>drag()</p>
                    </li>
                    <li>
                        <p>prohibitSelection()</p>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 内容 -->
        <div class="contentBody">
            <!-- 首页 -->
            <div class="first">
                <div class="first-content">
                    <h2>YHBTool 前端开发工具</h2>
                    <p><span class="first-key">描述：</span>封装常用的js方法，简化、调试代码</p>
                    <p><span class="first-key">作者：</span>王劲翔</p>
                    <div class="import">
                        <span class="first-key">引入 方式一：</span>
                        <pre>
                        <span class="perSpan">&lt<span class="script">script</span> <span class="src">src</span>="<span
                            class="url">https://yyhb-wjx.gitee.io/personal_projects/JSTool/YHBTool.js</span>"&gt&lt/<span
                            class="script">script</span>&gt</span>
                        </pre>
                    </div>
                    <div class="import">
                        <div>
                            <span class="first-key">引入 方式二：</span>
                            <span class="first-key-dec">需要<span id="downloadFile">下载</span>该js文件</span>
                        </div>
                        <pre>
                        <span class="perSpan">&lt<span class="script">script</span> <span class="src">src</span>="<span
                            class="url">./lib/YHBTool.js</span>"&gt&lt/<span
                            class="script">script</span>&gt</span>
                        </pre>
                    </div>
                </div>
            </div>
            <!-- 内容 -->
            <div class="content">
                <div>
                    <div class="content-title">
                        <h2 id="contentTitle">userInput</h2>
                    </div>
                    <div class="content-describe">
                        <h3 id="contentDescribe">描述</h3>
                    </div>
                    <div class="content-sub">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./YHBTool.js"></script>
    <script src="./js/render.js"></script>
    <script src="./js/index.js"></script>
</body>

</html>